1
00:00:02,070 --> 00:00:04,550
Bây giờ kết thúc mô-đun này

2
00:00:04,550 --> 00:00:07,270
nơi chúng tôi đã học được rất nhiều điều quan trọng.

3
00:00:07,270 --> 00:00:12,110
Tôi muốn chia tệp JS chỉ mục này vào thư mục lưu trữ.

4
00:00:12,110 --> 00:00:15,110
Nó thực sự là một tập tin khá nhỏ

5
00:00:15,110 --> 00:00:17,950
không có quá nhiều mã trong đó, nhưng tất nhiên,

6
00:00:17,950 --> 00:00:20,390
trong ứng dụng React điển hình của bạn

7
00:00:20,390 --> 00:00:22,710
nơi bạn có nhiều lát cắt trạng thái,

8
00:00:22,710 --> 00:00:25,780
đây có thể trở thành một tập tin rất dài.

9
00:00:25,780 --> 00:00:28,160
Vì vậy, có thể đáng để chia nhỏ nó

10
00:00:28,160 --> 00:00:30,220
thành từng miếng nhỏ hơn.

11
00:00:30,220 --> 00:00:32,400
Và khi sử dụng Redux Toolkit

12
00:00:32,400 --> 00:00:37,400
có thể hợp lý nếu đặt mọi lát cắt vào tập tin riêng của nó.

13
00:00:38,670 --> 00:00:41,960
Vì vậy, chúng tôi có thể thêm một tệp mới vào thư mục lưu trữ

14
00:00:41,960 --> 00:00:46,520
và giả sử tệp counter-slice.JS

15
00:00:46,520 --> 00:00:50,253
hoặc chỉ counter.JS, tên tệp tùy thuộc vào bạn.

16
00:00:51,250 --> 00:00:52,860
Và sau đó chúng tôi muốn tạo ra

17
00:00:52,860 --> 00:00:57,410
và quản lý trạng thái cụ thể của bộ đếm và cắt lát trong đó.

18
00:00:57,410 --> 00:01:00,500
Vì vậy, chúng tôi sẽ lấy trạng thái truy cập ban đầu

19
00:01:00,500 --> 00:01:04,440
và toàn bộ lát cắt đó

20
00:01:04,440 --> 00:01:06,713
và thêm nó vào tệp JS truy cập.

21
00:01:08,399 --> 00:01:10,870
Bây giờ để sử dụng, hãy tạo slice.

22
00:01:10,870 --> 00:01:13,620
Tất nhiên bây giờ chúng ta cần nhập nó vào đây.

23
00:01:13,620 --> 00:01:18,620
Vì vậy, chúng tôi nhập phần tạo từ bộ công cụ Redux JS

24
00:01:20,090 --> 00:01:22,870
và chúng ta vẫn cần sử dụng lát cắt truy cập

25
00:01:22,870 --> 00:01:24,480
trong một thư mục khác sau đó.

26
00:01:24,480 --> 00:01:26,470
Vì vậy chúng ta nên xuất khẩu nó.

27
00:01:26,470 --> 00:01:28,600
Ví dụ: dưới dạng xuất mặc định

28
00:01:28,600 --> 00:01:30,253
chúng tôi có thể xuất lát truy cập.

29
00:01:31,890 --> 00:01:33,970
Bây giờ chúng ta có thể làm tương tự cho tắt.

30
00:01:33,970 --> 00:01:38,050
Vì vậy, tôi sẽ thêm một tệp JS tắt và lấy tên ban đầu của mình

31
00:01:38,050 --> 00:01:42,420
tắt trạng thái và cắt giảm nợ D

32
00:01:42,420 --> 00:01:46,830
từ tệp JS chỉ mục và chuyển nó sang JS.

33
00:01:46,830 --> 00:01:49,712
Và sau đó cũng nhập tạo lát cắt ở đây

34
00:01:49,712 --> 00:01:53,003
từ thêm vào Bộ công cụ Redux.

35
00:01:54,950 --> 00:01:59,950
Và sau đó cũng xuất phần cắt mặc định này ở đây.

36
00:02:02,080 --> 00:02:06,590
Bây giờ trong chỉ mục JS, chúng tôi muốn hợp nhất tất cả các lát cắt đó lại với nhau.

37
00:02:06,590 --> 00:02:09,310
Vì vậy chúng ta có thể loại bỏ, tạo slice trong đó.

38
00:02:09,310 --> 00:02:11,220
Chúng tôi không cần nhập khẩu đó nữa

39
00:02:11,220 --> 00:02:15,020
bởi vì chúng tôi không tạo bất kỳ lát cắt nào trong tệp này nữa.

40
00:02:15,020 --> 00:02:18,280
Thay vào đó, chúng tôi tập trung vào việc tạo cửa hàng chính

41
00:02:18,280 --> 00:02:20,713
và hợp nhất tất cả các bộ giảm lát với nhau.

42
00:02:21,830 --> 00:02:26,830
Do đó bây giờ chúng ta có thể nhập lát truy cập

43
00:02:28,730 --> 00:02:33,360
từ ./counter hoặc vì chúng tôi chỉ thực sự

44
00:02:33,360 --> 00:02:35,910
cần giảm tốc ở đây, chúng tôi thực sự sẽ đi

45
00:02:35,910 --> 00:02:40,450
đến quầy và chúng tôi chỉ xuất bộ giảm tốc.

46
00:02:40,450 --> 00:02:43,110
Vì vậy chúng tôi không xuất toàn bộ phần

47
00:02:43,110 --> 00:02:48,110
nhưng đó chỉ là phần giảm tốc bằng cách thực hiện điều đó trong chỉ mục JS

48
00:02:48,110 --> 00:02:50,830
chúng ta có thể nhập bộ giảm tốc ở đây

49
00:02:50,830 --> 00:02:53,550
vì đó là những gì chúng tôi đang xuất làm mặc định.

50
00:02:53,550 --> 00:02:55,120
Và sau đó chỉ cần gán điều đó

51
00:02:55,120 --> 00:03:00,120
như một bộ giảm tốc để chống lại bộ giảm tốc

52
00:03:01,740 --> 00:03:03,900
và làm tương tự với JS

53
00:03:03,900 --> 00:03:08,900
chỉ cần xuất năm giảm và chỉ số JS.

54
00:03:09,893 --> 00:03:13,700
Do đó, hãy nhập bộ giảm tốc xác thực

55
00:03:13,700 --> 00:03:18,380
từ ./auth và gán cái này

56
00:03:18,380 --> 00:03:22,643
làm giá trị cho khóa xác thực trong bản đồ bộ giảm tốc đó.

57
00:03:24,260 --> 00:03:26,050
Bây giờ liên quan đến các hành động,

58
00:03:26,050 --> 00:03:28,430
Tôi muốn xuất những thứ đó từ đó,

59
00:03:28,430 --> 00:03:30,560
từ các tập tin mà chúng thuộc về.

60
00:03:30,560 --> 00:03:34,240
Vì vậy các hành động phản đối nên được xuất khẩu ở đây

61
00:03:34,240 --> 00:03:39,130
trong tệp JS truy cập vẫn bằng cách truy cập các hành động dấu chấm

62
00:03:39,130 --> 00:03:41,820
và xuất khẩu đó dưới dạng xuất khẩu có tên

63
00:03:42,930 --> 00:03:45,700
đồng thời đối với auth tôi sẽ lấy bản xuất đó

64
00:03:45,700 --> 00:03:49,883
và lập chỉ mục JS và chuyển nó vào JS xác thực.

65
00:03:51,180 --> 00:03:52,013
Bây giờ với điều đó,

66
00:03:52,013 --> 00:03:55,380
nếu chúng tôi lưu cái này, chúng tôi sẽ cần sửa một vài lần nhập

67
00:03:55,380 --> 00:03:57,510
ví dụ như trong bộ đếm JS,

68
00:03:57,510 --> 00:04:01,860
nơi tôi cố gắng nhập các hành động truy cập từ tệp chỉ mục

69
00:04:01,860 --> 00:04:04,607
bây giờ chúng ta cần nhập chúng từ tệp truy cập

70
00:04:04,607 --> 00:04:09,607
trong thư mục lưu trữ trong auth JS, chúng ta cần nhập

71
00:04:09,940 --> 00:04:14,940
xác thực các hành động từ tệp xác thực trong thư mục lưu trữ.

72
00:04:16,350 --> 00:04:18,140
Trong tiêu đề, chúng ta cần nhập

73
00:04:18,140 --> 00:04:23,130
hành động xác thực từ tệp xác thực

74
00:04:23,130 --> 00:04:26,570
và sau đó là hồ sơ người dùng hoặc không sử dụng bất cứ thứ gì trong số đó.

75
00:04:26,570 --> 00:04:30,380
Nhưng nếu bây giờ chúng ta lưu nó, nếu chúng ta tải lại, nó sẽ hoạt động giống như

76
00:04:30,380 --> 00:04:35,000
trước khi tất cả trạng thái hoạt động như trước

77
00:04:35,000 --> 00:04:36,530
nhưng bây giờ chúng ta sẽ chia nó ra

78
00:04:36,530 --> 00:04:39,570
và trong chỉ số ứng dụng lớn hơn có thể đảm bảo

79
00:04:39,570 --> 00:04:43,890
rằng mã của chúng tôi có thể duy trì được và dễ quản lý hơn

80
00:04:43,890 --> 00:04:46,710
bởi vì bây giờ chúng ta có một tệp JS chỉ mục gọn gàng

81
00:04:46,710 --> 00:04:51,090
và sau đó là các tệp khá gọn gàng cho các phần trạng thái khác nhau của chúng tôi

82
00:04:51,090 --> 00:04:52,170
sau đó được tập trung

83
00:04:52,170 --> 00:04:54,589
trên một loại trạng thái cụ thể,

84
00:04:54,589 --> 00:04:57,610
không bắt buộc ở đây nhưng chắc chắn hữu ích

85
00:04:57,610 --> 00:04:58,960
trong các ứng dụng lớn hơn.

86
00:04:58,960 --> 00:05:01,583
Và ngay cả ở đây, nó chắc chắn không bị tổn thương.